<template>
  <el-tooltip content="全屏">
    <svg-icon
      @click="BigScreenfull"
      style="color:#fff; width:20px; height: 20px;margin-right:10px;cursor:pointer"
      icon-class="fullscreen"
    />
  </el-tooltip>
</template>

<script>
import ScreenFull from "screenfull";
export default {
  name: "screenfull",
  methods: {
    BigScreenfull() {
      if (ScreenFull.isEnabled) {
        ScreenFull.toggle();
      } else {
        this.$message.warning("此浏览器不支持全屏模式");
      }
    }
  }
};
</script>

<style></style>
